import { defineComponent } from 'vue';
import { ButtonGroup } from 'ant-design-vue';
import Imports from '@/components/design/components/Toolbar/components/Imports';
import Exports from '@/components/design/components/Toolbar/components/Exports';
import Previews from '@/components/design/components/Toolbar/components/Previews';
import Aligns from '@/components/design/components/Toolbar/components/Aligns';
import Scales from '@/components/design/components/Toolbar/components/Scales';
import Commands from '@/components/design/components/Toolbar/components/Commands';
import ExternalTools from '@/components/design/components/Toolbar/components/ExternalTools';
import Saving from '@/components/design/components/Toolbar/components/Saving';
import Property from '@/components/design/components/Toolbar/components/Property';
import BpmnSimulation from '@/components/design/components/Toolbar/components/BpmnSimulation';
import BpmnProcessCheck from '@/components/design/components/Toolbar/components/BpmnProcessCheck';
import HumanNode from '@/components/design/components/Toolbar/components/actions/HumanNode';
import SwitchNode from '@/components/design/components/Toolbar/components/actions/SwitchNode';
import BranchNode from '@/components/design/components/Toolbar/components/actions/BranchNode';
import AdvancedNode from '@/components/design/components/Toolbar/components/actions/AdvancedNode';
import { processInfo } from '@/store/modules/processInfo';

const Toolbar = defineComponent({
  name: 'ToolBar',
  setup() {
    const proceInfoStore = processInfo();
    return () => (
      <div class="toolbar">
        <Commands></Commands>
        {/* <ExternalTools></ExternalTools> */}
        <HumanNode></HumanNode>
        <SwitchNode></SwitchNode>
        <BranchNode></BranchNode>
        <AdvancedNode></AdvancedNode>
      </div>
    );
  },
});

export default Toolbar;
